import { getAppData, setGlobalData } from '@utils/tools'
import { AtTabs, AtTabsPane, AtList } from "taro-ui"
import { BasePage } from '@common/components/base-page'
import NavigationBar from '@components/navBar'
import CommonTabs from '@components/common-tabs'
import { View,Image,Text } from '@tarojs/components'
import badge from '../../../assets/img/badge.png'
import './index.scss'

export default class Create extends BasePage {
    componentDidShow() {
    }

    render() {
        const tabList = [{ title: '全部',key:'0' }, { title: '已获取',key:'1' }, { title: '已消耗',key:'2' }]
        return (
            <>
                <NavigationBar backPageShow={true} titleColor="black" barBackgroundColor='white' title="创作值记录"></NavigationBar>
                <View className='second'>
                    <Image className='badge' src={badge}></Image>
                    <View className='my'>
                        <View className='values'>我的创作值</View>
                        <View className='number'>8888</View>
                    </View>
                </View>
                <View className='main'>
                    <View className='top'>
                        <CommonTabs tabList={tabList} />
                        <View className='base title-con vertical'>
                            <View className='left-title'>
                               <View className='f-title'>我看到的VS我拍到的</View>
                               <View className='s-title' >2024.03.05-2024.05.31</View>
                            </View>
                            <View>
                                <Text className='blue'>+50</Text>
                            </View>
                        </View>
                        <View className='base title-con vertical'>
                            <View className='left-title'>
                               <View className='f-title'>我看到的VS我拍到的</View>
                               <View className='s-title' >2024.03.05-2024.05.31</View>
                            </View>
                            <View>
                                <Text className='red'>-50</Text>
                            </View>
                        </View>
                    </View>
                </View>
            </>
        )
    }
}
